<template>
    <view class=" w-375px text-white h-48px flex-col-center  ">
        <nut-button color="#059669" :loading="props.loading" size="large" class="important:w-340px font-bold"
            @click="onClick">
            {{ props.text }}
        </nut-button>

    </view>
</template>
<script lang="ts" setup>

const props = defineProps({
    text: {
        type: String,
        required: true,
    },
    loading: {
        type: Boolean,
        required: false,
    },
});

const emits = defineEmits(["onClick"])

const onClick = () => emits("onClick")

</script>
